<head>
<style>
/* comment */.inline-style-added-by-parser {
    color: red;
}
</style>
<style>
.inline-style-added-by-parser-with-source-url {
    color: green;
}
/*# sourceURL=inlineStyleAddedByParser.css*/
</style>
<script>
    document.write("<style>\n.inline-style-added-by-parser-in-document-write {\n   color: blue;\n}\n</style>");
    document.write("<style>\n.inline-style-added-by-document-write-with-source-url {\n   color: yellow;\n}\n/*# sourceURL=inlineStyleAddedByDocumentWrite.css*/\n</style>");
    addStyleElement(".inline-style-created-by-script {\n   color: orange;\n}");
    addStyleElement(".inline-style-created-by-script-with-source-url {\n   color: grey;\n}\n/*# sourceURL=inlineStyleCreatedByScript.css*/");

    function addStyleElement(styleContent)
    {
        var styleElement = document.createElement("style");
        styleElement.textContent = styleContent;
        document.head.appendChild(styleElement);
    }
</script>
</head>
<div id="inspected" style="color:red" class="inline-style-added-by-parser inline-style-added-by-parser-with-source-url inline-style-added-by-parser-in-document-write inline-style-added-by-document-write-with-source-url inline-style-created-by-script inline-style-created-by-script-with-source-url"></div>